<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.global.js"></script>
	</head>
	<body>
		
		<div id="app">
			<button v-html="msg">ok</button>
			<button>ok{{msg}}</button>
			<br/>
			<!-- v-text与v-html都是对标记内部的文本进行替换 -->
			<!-- 区别：
			 在绑定符合h5语法的文本时，使用v-html会输出视图
			 为v-text会原文输出-->
			v-text：<div v-text="newdata"></div>
			<br/>
			v-html:<div v-html="newdata"></div>
		</div>

	</body>
	<script>
	var app=new Vue({
		// el:用于元素的挂载，绑定页面上声明的元素的选择器
		el:"#app",
		// data指定vue中需要用到的数据对象
		data:{
			msg:"我是data中的msg",
			newdata:"<button>newdata</button>"
		}
	})
	</script>
</html>
